<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>你买我送 -- 商家管理 -- 订单管理</title>
<script>
	(function(window) {
		var theUA = window.navigator.userAgent.toLowerCase();
		if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0])
				|| (theUA.match(/trident\s?\d+/) && theUA
						.match(/trident\s?\d+/)[0])) {
			var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0]
					|| theUA.match(/trident\s?\d+/)[0];
			if (ieVersion < 9) {
				window.location.href = "info/version.html"
			}
			;
		}
	})(window);
</script>
<style type="text/css">
.img-50[data-v-76b0cee4] {
	width: 56px;
	height: 56px;
	vertical-align: middle;
	margin: 6px 0
}

.tree-list[data-v-76b0cee4] {
	margin-left: 200px
}
</style>
<style type="text/css">
@
keyframes resizeanim {from { opacity:0;
	
}

to {
	opacity: 0;
}

}
.resize-triggers {
	animation: 1ms resizeanim;
	visibility: hidden;
	opacity: 0;
}

.resize-triggers, .resize-triggers>div, .contract-trigger:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: -1
}

.resize-triggers>div {
	background: #eee;
	overflow: auto;
}

.contract-trigger:before {
	width: 200%;
	height: 200%;
}
</style>
<%@ include file="../elements/head.jsp" %>
</head>

<body style="position: inherit" class="">
	<div id="app">
		<div data-v-5243c51a="" class="container el-row">
		
			<%@ include file="elements/top.jsp"%>
				
			<%@ include file="elements/left.jsp"%>
			
			<section data-v-5243c51a="" id="main" class="main-container">

				<ul data-v-5243c51a="" class="breadcrumb">
					<li data-v-5243c51a=""><span data-v-5243c51a=""
						class="iconfont bbs-home"></span></li>
					<li data-v-5243c51a=""><a data-v-5243c51a="" href="#/order"
						class="router-link-exact-active router-link-active">订单</a></li>
					<li data-v-5243c51a=""><a data-v-5243c51a="" href="#/order"
						class="router-link-exact-active router-link-active">订单管理</a></li>
				</ul>

				<div data-v-5243c51a="" class="main-body">
					<div data-v-5243c51a="">
						<div data-v-be8f4ab8="" class="forum-module">
							<div data-v-be8f4ab8="" class="forum-header">
								<span data-v-be8f4ab8="" class="forum-name">订单列表</span>
							</div>
							<form id="queryOrderData">
								<input type="hidden" id="pageIndex" name="pageIndex" value="1"></input>
								<div data-v-be8f4ab8="" class="table-top-bar clearfix">
									<div data-v-be8f4ab8="" class="query-inline-box ">
										<div data-v-be8f4ab8="" >
											<div data-v-be8f4ab8="" class="clearfix" style="margin-top: 0;" >
												<div data-v-be8f4ab8="" class="query-inline-group">
													<label data-v-be8f4ab8="" for="">订单编号:</label>
													<div data-v-be8f4ab8="" class="w160 el-input">
														<input autocomplete="off" type="text" name="orderSn" rows="2" validateevent="true" class="el-input__inner">
													</div>
												</div>
												<div data-v-be8f4ab8="" class="query-inline-group">
													<label data-v-be8f4ab8="">下单时间:</label>
													<div data-v-be8f4ab8="" class="el-date-editor w128-sm el-input el-input--prefix el-input--suffix el-date-editor--datetime">
														<input autocomplete="off" size="" name="" id=""
															type="text" rows="2" prefixicon="el-icon-time"
															class="el-input__inner">
															<span class="el-input__prefix">
																<i class="el-input__icon el-icon-time"></i>
															</span>
															<span class="el-input__suffix">
																<span class="el-input__suffix-inner">
																	<i class="el-input__icon"></i>
																</span>
															</span>
													</div>
													<span data-v-be8f4ab8="" class="time-slot">-</span>
													<div data-v-be8f4ab8="" class="el-date-editor w128-sm el-input el-input--prefix el-input--suffix el-date-editor--datetime">
													<input autocomplete="off" size="" name="" id=""
														type="text" rows="2" prefixicon="el-icon-time"
														class="el-input__inner">
														<span class="el-input__prefix">
															<i class="el-input__icon el-icon-time"></i>
														</span>
														<span class="el-input__suffix">
															<span class="el-input__suffix-inner">
																<i class="el-input__icon"></i>
															</span>
														</span>
													</div>
												</div>
												<div data-v-be8f4ab8="" class="query-inline-group">
													<button data-v-be8f4ab8="" id="queryOrder" type="button"
														class="el-button el-button--default">
														<span>查询</span>
													</button>
												</div>
											</div>
										</div>
									</div>
								</div>
							</form>
							<div data-v-be8f4ab8=""
								class="el-table el-table--fit el-table--striped el-table--enable-row-hover el-table--enable-row-transition"
								style="width: 100%;">

								<div class="el-table__header-wrapper">
									<table cellspacing="0" cellpadding="0" border="0"
										class="el-table__header" style="width: 1056px;">
										<colgroup>
											<col name="el-table_1_column_181" width="130">
											<col name="el-table_1_column_182" width="80">
											<col name="el-table_1_column_183" width="100">
											<col name="el-table_1_column_184" width="80">
											<col name="el-table_1_column_185" width="100">
											<col name="el-table_1_column_186" width="80">
											<col name="el-table_1_column_187" width="80">
											<col name="el-table_1_column_188" width="80">
											<col name="el-table_1_column_189" width="80">
										</colgroup>
										<thead class="has-gutter">
											<tr class="">										
												<th colspan="1" rowspan="1"
													class="el-table_1_column_181  is-center   is-leaf">
													<div class="cell">订单编号</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_182  is-center   is-leaf">
													<div class="cell">买家姓名</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_183  is-center   is-leaf">
													<div class="cell">买家电话</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_184  is-center   is-leaf">
													<div class="cell">赚取金额</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_185  is-center   is-leaf">
													<div class="cell">下单日期</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_186  is-center   is-leaf">
													<div class="cell">订单状态</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_187  is-center   is-leaf">
													<div class="cell">骑手名称</div>
												</th>
												
												<th colspan="1" rowspan="1"
													class="el-table_1_column_188  is-center   is-leaf">
													<div class="cell">骑手电话</div>
												</th>
											
												<th colspan="1" rowspan="1"
													class="el-table_1_column_189  is-center   is-leaf">
													<div class="cell">操作</div>
												</th>
												<th class="gutter" style="width: 0px;"></th>
											</tr>
										</thead>
									</table>
								</div>
								<div class="el-table__body-wrapper is-scroll-left">
									<table cellspacing="0" cellpadding="0" border="0"
										class="el-table__body" style="width: 1056px;">
										<colgroup>
											<col name="el-table_1_column_181" width="130">
											<col name="el-table_1_column_182" width="80">
											<col name="el-table_1_column_183" width="100">
											<col name="el-table_1_column_184" width="80">
											<col name="el-table_1_column_185" width="100">
											<col name="el-table_1_column_186" width="80">
											<col name="el-table_1_column_187" width="80">
											<col name="el-table_1_column_188" width="80">
											<col name="el-table_1_column_189" width="80">
										</colgroup>
										<tbody id="orderData">
											<tr class="el-table__row">
												<td class="el-table_1_column_181 is-center ">
													<div class="cell">123456789123456789</div>
												</td>
												<td class="el-table_1_column_182 is-center ">
													<div class="cell">admin</div>
												</td>
												<td class="el-table_1_column_183 is-center ">
													<div class="cell">13975564493</div>
												</td>
												<td class="el-table_1_column_184 is-center ">
													<div class="cell">100.00</div>
												</td>
												<td class="el-table_1_column_185 is-center ">
													<div class="cell">2018/7/20 10:07</div>
												</td>
												<td class="el-table_1_column_186 is-center ">
													<div class="cell">已下单</div>
												</td>
												<td class="el-table_1_column_188 is-center ">
													<div class="cell">周闭肛</div>
												</td>
												<td class="el-table_1_column_189 is-center ">
													<div class="cell">13975564493</div>
												</td>
												<td class="el-table_1_column_193 is-center ">
													<div class="cell">
														<a title="查看订单" class="t-order" onclick="addOrder();"></a>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="el-table__column-resize-proxy"
									style="display: none;"></div>
								<div class="resize-triggers">
									<div class="expand-trigger">
										<div style="width: 349px; height: 548px;"></div>
									</div>
									<div class="contract-trigger"></div>
								</div>
							</div>
							<div data-v-be8f4ab8="" class="table-bottom-bar">

								<div data-v-be8f4ab8="" class="pull-right">
									<div class="m-style"></div>
								</div>
							</div>
							<div class="el-loading-mask" style="display: none;">
								<div class="el-loading-spinner">
									<svg viewBox="25 25 50 50" class="circular">
											<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
										</svg>
									<!---->
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
		</div>
	</div>

<div id="addproduct" style="display: none;">
		<table class="el-table__body" style="width: 570px; margin: auto;" border="1">
			<colgroup>
				<col name="el-table_1_column_181" width="190">
				<col name="el-table_1_column_182" width="190">
				<col name="el-table_1_column_183" width="190">
			</colgroup>
			<tbody id="orderData">
				<tr class="el-table__row">
					<td class="el-table_1_column_181" align="center" height="40px;">
						<div class="cell">商品名称</div>
					</td>
					<td class="el-table_1_column_182" align="center">
						<div class="cell">商品数量</div>
					</td>
					<td class="el-table_1_column_183" align="center">
						<div class="cell">商品价格</div>
					</td>
				</tr>
				
				<tr class="el-table__row">
					<td class="el-table_1_column_181" align="center">
						<div class="cell">烧烤</div>
					</td>
					<td class="el-table_1_column_182" align="center">
						<div class="cell">100</div>
					</td>
					<td class="el-table_1_column_183" align="center">
						<div class="cell">100.00</div>
					</td>
				</tr>
				
			</tbody>
		</table>
</div>
<script type="text/javascript">
function addOrder(){
	layer.open({
	       type: 1,
	       title: '订单',
		maxmin: true, 
		shadeClose:false, //点击遮罩关闭层
	       area : ['600px' , '400px'],
	       content:$('#addproduct'),
		btn:['接收',"拒绝"],
		btn1:function(index,layero){
			alert(JSON.stringify(layero));
			layer.alert('添加成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('添加失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		}
	});
}

</script>
</body>

<script src="${pageContext.request.contextPath}/seller/static/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>

</html>